<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ page language="java" contentType="text/html;  charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- <link rel="shortcut icon" href=""> -->

    <title>회사소개</title>

    <!-- Bootstrap core CSS -->
    <link href="/resources/css/bootstrap.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="/resources/js/html5shiv.js"></script>
      <script src="/resources/js/respond.min.js"></script>
    <![endif]-->
    <link href='http://fonts.googleapis.com/css?family=Alef' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="/resources/css/font-awesome.css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css">
    <script src="/resources/js/jquery-1.11.0.js"></script>
    <script src="/resources/js/bootstrap.js"></script>
    <style type="text/css">
    	
		body { padding-top: 50px; }
		
    	.commonFont{
    		font-family: 'Nanum Gothic', sans-serif;
    	}
    	
    	#mainWarp{
    		width:100%;
    	}
    	
    	.bg {
		  background: url('/resources/img/company_background_image.jpg') no-repeat top center;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		  position: absolute;
		  width: 100%;
		  top:0;
		  left:0;
		  z-index: -1;
		  opacity: 0.7;
		  height: 720px;
		}
		
		.shText {
		  color: white;
		  text-shadow: #444 0 1px 1px;
		  background:transparent;
		}
    
    </style>
    <!--[if gte IE 9]>
	  <style type="text/css">
	    .gradient {
	       filter: none;
	    }
	  </style>
	<![endif]-->
  </head>
  <body>

    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-fixed-top" style="border-bottom:1px #CFCFCF solid;">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/" style="font-family: 'Alef', sans-serif; color:#624E98" title="홈">Circles</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="언어선택">언어 : <span id="selectLang">한국어</span><b class="caret"></b></a>
              <ul class="dropdown-menu" style="min-width: 125px;">
                <li class="active"><a href="#">한국어</a></li>
                <li><a href="javascript:alert('English service is coming soon')" >English</a></li>
                <li><a href="javascript:alert('中国服务准备')">简体中文</a></li>
                <li><a href="javascript:alert('日本のサービスは準備中です')">日本語</a></li>
              </ul>
            </li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
    <!-- Fixed navbar -->
    <div class="bg"></div>
    <div class="jumbotron shText">
    	<div class="container">
   			<h2>About</h2>
   			<hr>
   			<h1>Circles <small style="color:#ffffff;">&copy;</small></h1>
   			<p class="lead">우리만의 공간을 만들어주는 곳</p>
		  	</div><!-- end container -->
	</div>
	
	<div class="jumbotron shText">
		<div class="container">
			<h2>Contact</h2>
			<hr>
			<p class="lead"><strong><abbr title="Address">Address:</abbr></strong></p>
		  	<ul><li>Cheongju-si Chungbuk, Korea</li></ul>
		  	<p><strong><abbr title="Support">Support:</abbr></strong></p>
		  	<ul><li><a href="mailto:support@circles.com" style="color:white;">support@circles.com</a></li></ul>
		</div><!-- end container -->
	</div>
    
   	<!-- footer -->
	<div class="hidden-xs">
		<jsp:include page = "footer.jsp" flush="false"/>
	</div>
	<!-- footer -->
    
  </body>
</html>